<%--
  Created by IntelliJ IDEA.
  User: 40167
  Date: 2023/12/2
  Time: 17:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<jsp:include page="head.jsp"></jsp:include>
<body>
<jsp:include page="navbar_head.jsp"></jsp:include>

<div class="container-fluid">
    <jsp:include page="navbar.jsp"></jsp:include>
    <div class="col-sm-9 main" style="margin-top: 20px">
        <h1 class="page-header">首页</h1>
        <div class="jumbotron">
            <h1>欢迎来到红色微电影管理后台</h1>
            <p>即将上映</p>
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/长津湖.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>长津湖</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/八佰.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>八佰</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/我和我的祖国.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>我和我的祖国</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/建军大业.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>建军大业</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
            </div><br/><br/>
            <p>最近热播</p>
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/长津湖.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>长津湖</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/八佰.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>八佰</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/我和我的祖国.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>我和我的祖国</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/建军大业.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>建军大业</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
            </div><br/><br/>
            <p>好评如潮</p>
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/长津湖.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>长津湖</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/八佰.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>八佰</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/我和我的祖国.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>我和我的祖国</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="${pageContext.request.contextPath}/static/images/建军大业.png" width="220" height="313" alt="Generic placeholder thumbnail">
                    <h4>建军大业</h4>
                    <span class="text-muted">12月05日上映</span>
                </div>
            </div><br/><br/>
        </div>

    </div>
    <div class="row">
            <h2 class="sub-header"></h2>
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<jsp:include page="script.jsp"></jsp:include>
</body>
</html>
